@charset "utf-8";
/* CSS Document */
@font-face { 
font-family: "DeliciousRoman"; 
src: url('DeliciousRoman.TTF') format('truetype'); 
}
html,body {
	height: 100%;
	margin: 0;
}
img{
	border:0px
}
body {
	font-family: "DeliciousRoman,sans-serif";
	background-color: #f2f2f2;
	min-width: 48em;
}

.my-table {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-spacing: 0;
	background-color: white;
}

.my-table td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 0.9em;
    padding-bottom: 6px;
    padding-top: 6px;
    text-align: center;
	word-break: break-all;
}

.my-table tr td a {
	color: #3489ce;
}

dl {
	margin:0;
	border-bottom:1px solid #CCCCCC;
}

dt {
	float: left;
	text-align: center;
	margin: 0px -2px 0px 0px;
	padding:10px 0px;
	width: 40%;
	font-size:0.9em;
}

dd {
	float: left;
	text-align: center;
	border-left:1px solid #CCCCCC;
	margin: 0px;
	padding:10px 8px;
	width: calc(60% - 16px);
	font-size:0.9em;
}

a:link {
	text-decoration: none;
	border:0;
}

textarea {
	width: 100%;
}

select{
	width:200px;
	
}
.header {
	height: 4.375em;
	width: auto;
	margin: 0;
	background: #2290c3;
	color: white;
}

.header-center {
	line-height: 4.375em;
}

.header a {
	text-decoration: none;
	color: white;
}

img {
	vertical-align: middle;
}

.to-center {
	margin: 0 auto;
}

.header-Hammer-center {
	vertical-align: middle;
}

.container {
	height: 93%;
}

.container-maxtx {
	//width: 80%;
	max-width: 9.125em;
	background: #FFF;
	text-align: center;
	padding: 0.625rem;
	margin: 30px auto;
}

.left-ul {
	//width: 90%;
	max-width: 10em;
	margin: auto;
	background-color: #FFF;
}

ul.the_second_ul {
	border: 0;
}

.selected {
	color: #2290c2;
}

.col-2 {
	width: calc(100%/ 9 - 5px);
	float: left;
	margin-right: calc(10px);
	margin-left: calc(10px);
	height: 100%;
	text-align: center;
	margin-bottom: calc(5px * 3/ 2);
}

.col-8 {
	width: calc(100%/ 9 * 8 - 20px);
	margin-right: calc(5px);
	float: left;
	text-align: center;
	margin-bottom: calc(5px * 3/ 2);
	min-width: 550px;
}

.col-Fill-8 {
	width: calc(100%/ 12 * 10 - 40px);
	float: left;
	text-align: center;
	margin-bottom: calc(5px * 3/ 2);
}

.col-Fill-7 {
	width: 70%;
	float: left;
	margin-right: calc(20px);
	text-align: center;
	margin-bottom: calc(5px * 3/ 2);
}

.col-Fill-3 {
	width: calc(30% - 20px);
	float: left;
	margin-bottom: calc(5px * 3/ 2);
}

.col-Fill-2 {
	width: calc(100%/ 12 * 2 - 80px);
	float: left;
	text-align: center;
	margin-bottom: calc(5px * 3/ 2);
	min-width:123px;
}

.height32 {
	height: 2em;
}

.paging {
	height: 60px;
	margin-top: 100px;
}

.paging a {
	border: 1px #999999 solid;
	padding: 5px 10px;
	margin-left: 5px;
}

.btn {
	width: 60px;
	text-decoration: none;
	background: white;
	border: 1px #666 solid;
	outline: none;
}

.btn:hover {
	background: #f2f2f2;
}

.btn:active {
	background-color: #E6E6E6;
}

.border-rad5 {
	border-radius: 5px;
}

.margin-r120 {
	margin-right: 120px;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}

.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}

.pd10 {
	padding: 10px;
}

.pd20 {
	padding: 20px;
}

.pd10-plr20 {
	padding: 8px 20px;
}

.pd8 {
	padding: 8px;
}
.pd5{
	padding:5px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl20 {
	padding-left: 20px;
}

.pl40 {
	padding-left: 2.5em;
}

.pr120 {
	padding-right: 100px;
}

.pl120 {
	padding-left: 100px;
}

.mt10 {
	margin-top: 10px;
}
.mt3{
	margin-top:3px;
}
.mb3{
	margin-bottom:3px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt51 {
	margin-top: 51px;
}

.ml3{
	margin-left:3px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml40 {
	margin-left: 40px;
}

.ml70 {
	margin-left: 70px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.md20 {
	margin: 20px 20px 20px 0px;
}

.mr5{
	margin-right:5px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pt2 {
	padding-top: 4px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.border-t {
	border-top: 1px #CCCCCC dashed;
}

.border-b {
	border-bottom: 1px #CCCCCC solid;
}

.border-b-ds {
	border-bottom: 1px #CCCCCC dashed;
}

.border-l {
	border-left: 1px #CCCCCC solid;
}

.border-r {
	border-right: 1px #CCCCCC solid;
}

.border-all {
	border: 1px #CCCCCC solid;
}

.clear-b {
	clear: both;
}

.div-center {
	margin-left: auto;
	margin-right: auto;
}

.in-block {
	display: inline-block;
}

.block {
	display: block
}

.right-img {
	width: 5em;
	margin: 10px 0px;
	line-height: 8.33%;
}

.width11 {
	width: 100px;
}

.width86 {
	width: calc(100% - 120px);
	margin-left: 20px;
}

.color-gary {
	color: #999999;
}

.color-gray-word {
	color: #949393;
}

.color-blue {
	color: #3489ce;
}

.color-white {
	color: #FFF!important;
}

.color-red {
	color: red;
}

.color-black {
	color: #000;
}

.color-boder-red {
	border: 1px red solid;
}

.bg-color-black {
	background-color: #000;
}

.bg-color-qyellow {
	background-color: #faf7e6;
}

.bg-color-white {
	background-color: white;
	
}

.bg-color-blue {
	background-color: #2290c2!important;
}

.bg-color-gray {
	background-color: #cbc7c7;
}
.bg-color-gray1 {
	background:#e5e5e5;
}

.display-none {
	display: none;
}

.line-h-68 {
	line-height: 4.25em;
}

.line-h-48 {
	line-height: 3.0em;
}

.line-h-32 {
	line-height: 2.0em;
}

.line-h-18 {
	line-height: 1.125em;
}

.line-h-100 {
	line-height: 6.25em;
}

h3 {
	line-height: 4.25em;
	margin: 0px;
	border-bottom: 1px #bfbfbf solid;
}

.font-size-h3 {
	display: block;
	font-weight: bold;
}

.hidden {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.position-relative: {
	position: relative;
}

.position-fixed {
	position: fixed;
}

.position-absolute-b {
	position: absolute;
	bottom: 0;
}

.position-absolute-t {
	position: absolute;
	top: 0;
}

ul {
	list-style: none;
	padding: 0px;
	-webkit-padding-start: 0px;
}

.left-ul ul {
//	border-top: 1px #CCCCCC solid;
//	border-left: 1px #CCCCCC solid;
//	border-right: 1px #CCCCCC solid;
}

.right-ul ul li {
	border-bottom: 1px #999999 dashed;
}

.left-ul a {
	display: block;
	text-decoration: none;
	color: black;
}

.left-ul a:hover {
	background: #f2f2f2;
	color: #2290c2;
}

.left-ul a:active {
	color: #2290c2;
}

.left-ul ul li {
	border-bottom: 1px #CCCCCC solid;
	display: block;
	padding: 10px 5px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;/*强制不换行*/
}

.fileInput {
	height: 80px;
	overflow: hidden;
	width: 80px;
	position: absolute;
	font-size: 300px;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer;
}
.header-photo2{
	width:2em;
	height:2em;
}
.header-photo {
	width: 5em;
	height: 5em;
}

.header-photo_app{
	width: 2.5em;
	height: 2.5em;
	border-radius:50%;
}
.header-photo_app > img{
	border-radius:50%;
}
.header-photo1 {
	width: 7em;
	height: 7em;
}

.fileInputContainer {
	height: 80px;
	background: #B3B3B3;
	position: relative;
	width: 80px;
}

.focus {
	border: 1px solid #f00;
	background: #fcc;
}

.mt10li ul li {
	margin-top: 10px;
	width: 100px;
}

.mt10li ul a {
	display: block;
}

.mt10li ul a:hover {
	background-color: #d3e9f3;
}

.mt10li ul li span {
	text-align: center;
	margin-left: 25px;
	font-weight: bold;
	line-height: 60px;
}

.sjz {
	height: 100%;
	width: 100%;
}

.height100 {
	height:calc(100% - 20px);
}

a[name="menubt"]+ul {
	margin: 0;
}

a[name="menubt"] + ul li {
	background: white;
	border: 1px solid #CCCCCC;
	display: block;
	margin-top: -1px;
}

a[name="menubt"] + ul li a {
	color: #3489ce;
	text-decoration: none;
	display: block;
}

a[name="menubt"] + ul li a:hover {
	background-color: #CCCCCC;
}

#btn ul {
	margin: 10px 0px 0px 0px;
}

#btn ul li {
	float: left;
	display: block;
	width: 50%;
	border-top: 1px solid #CCCCCC;
	margin-right:-1px;
	
	padding: 10px 0px;
}

#btn ul li a {
	color: #3489ce;
}

#tab ul {
	margin-bottom: 0px;
}

#tab ul li {
	float: left;
	border: 1px solid #CCCCCC;
	background: white;
}

#tab ul a {
	color: black;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
}

#tab ul a:hover {
	background: #CCCCCC;
}

.md-modal {
	position: fixed;
	top: 40%;
	left: 50%;
	width: 40%;
	max-width: 630px;
	min-width: 320px;
	padding-bottom:20px;
	z-index: 2000;
	background: #f2f2f2;
	border:1px #CCCCCC solid;
	font-size: 14px; -webkit-backface-visibility : hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-backface-visibility: hidden;
}

.md-modal-header {
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #dcdcdc;
}

.md-modal-header a {
	color: black;
}

.md-modal-header a:link {
	text-decoration: none;
}
.md-modal-input{
	border:1px solid rgb(169, 169, 169);
	width:200px;
}
.my-btn-group{
	margin:10px auto;
	width:100%;
	text-align:center;
}
.my-btn-group button{
	width:70px;
	height:25px;
	
	border-radius: 3px;
	background:#00a0e9;
	border:0px;
	color:white;
	width:80px;
}
@media(max-width:900px){
	.pl120 {
    padding-left: 60px;
     }
   .pr120 {
    padding-right: 20px;
    }
}
 .Input_text{
    height: 4.4em;
    padding: 0.5em;
    text-align: left;
    width: calc(100% - 1em);
    overflow-y:auto;
    word-break: break-all;
/*      background: #fff url("../img/qq_mail.gif") repeat-x scroll 0 -162px; */
     font-size:14px;
}
.Input_text>img{
    width: 24px;
	height: 24px;
	vertical-align: -6px;
}
.word-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
     cursor:pointer;
}
.dianzan_object img{
    margin-right:0.6em;
    width:1.4em;
    height:1.4em
}
.hover_object{
   cursor:pointer;
}
.the_hover_object{
   display:none;
}
.the_hover_object img{
   width:3em;height:3em
}
div[name=onejl]{

    background:white
}
   a.comment_delete{
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    vertical-align: -3px;
    width: 16px;
    background-image: url("../img/qq_delete.png");
    background-position: -250px -232px;
    cursor:pointer;
  }
  .square_head{
	text-align:center;
	padding:1em 0em;
	background:white;
}
.square_head > span{
	display:block;
	width:4em;
	height:4em;
	margin:0em auto .5em auto;
	border:2px solid yellow;
	border-radius:50%;
	background:#cccccc;
}
.square_head > span > img{
	width:100%;
	border-radius:50%;
}
.square_content{
	background:white;
}
.plcz{
	padding:0px 8px;
}
.plcz > a{
	width:calc(33.3% - .3em - 1px);
	padding:.5em .15em;
	position:relative;
	display:block;
	height:1.5em;
	line-height:1.5em;
	border-right:1px solid #cccccc;
	text-align:center;
	color:#4195d4;
}
.plcz > a:nth-last-child(2){
	border-right:0px ;
}
.plcz > a > div.img{
	width:1em;
	height:1em;
	display:inline-block;
	margin-right:.2em;
}
.pltk{
	position:fixed;
	bottom:0;
	width:100%;
}
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #7e7e7f;
    z-index:999;
    background-color:rgba(0,0,0,0.2);
}
.show-modal .modal {
    display: block;
}
.show-modal .container {
    -webkit-filter: blur(4px);
}
.modal .scpl{
	position:fixed;
	width:100%;
	bottom:0;
	background:#e3e3e3;
	text-align:center;
}
.modal .scpl > a{
	display:block;
	width:100%;
	padding:.6em 0em;
	text-align:center;
	background:white;
	font-size:16px;
}
.huif{
	-webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */
    -moz-user-select: none;
}
